<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name="author" content="disenQF" >
        <meta name="keywords" content="CGI开发 H5模板 千锋教育 西安物联网">
        <title>HTML5模板-window对象</title>
        <!-- 引入外联样式文件 -->
        <link rel="stylesheet" href="/css/my.css">
        <style>
         body{
            /* /background-image: url('/images/1.webp'); */
            transition: all 1s;
         }
        </style>
    </head>
    <body>
       <div id="ret">abc</div>
       <script>
           // js的文档中，最大的对象是window
         //   console.log(window);
         //   console.log(this);  // this就是window对象

         // open(url, target) // 打开url界面, 指定显示的位置target(_self, _blank,_top, _parent, iframe的name)
         // open("js1.html", "content");

         // alert('msg') 弹出警告对话框
         // confirm("msg")  弹出确认对话框，返回ok-true或cancel-false
         // let flag = confirm("确定退出?");
         // console.log(flag);

         // document.documentElement.scrollTo(0, 0) 滚动页面到顶部
         let i = 1;
         setInterval(()=>{
            // 修改页面背景 document.documentElement 代表页面的元素对象
            document.documentElement.style = "background-image: url(/images/"+i+".webp);";
            let r = parseInt(Math.random() * 256);
            let g = parseInt(Math.random() * 256);
            let b = parseInt(Math.random() * 256);
            ret.style = "color:rgb("+r+","+g+","+b+");";
            i++;
            if(i > 3) i = 1; 
         }, 1000);
         
       </script>
    </body>
</html>
